<template>
	<view>
		  <form @submit="formSubmit">
		    <view>
		      <text>题目1：世界上使用人数最多的语言是:</text>
		      <checkbox-group @change="test1">
		        <checkbox :value="test1a" :checked="checked"/> 
		    	<text>A.汉语</text>
		    	<checkbox :value="test1b" :checked="checked"/>
		    	<text>B.英语</text>
		    	<checkbox :value="test1c" :checked="checked"/>
		    	<text>C.西班牙语</text>
		    	<checkbox :value="test1d" :checked="checked"/>
		    	<text>D.世界语</text>
		      </checkbox-group>
		    </view>
		    <view>
		      <text>题目2：干冰"的成分是：</text>
		      <checkbox-group @change="test2">
		        <checkbox :value="test2a" :checked="checked"/> 
		    	<text>A.CO2</text>
		    	<checkbox :value="test2b" :checked="checked"/>
		    	<text>B.H2O </text>
		    	<checkbox :value="test2c" :checked="checked"/>
		    	<text>C.SO2 </text>
		    	<checkbox :value="test2d" :checked="checked"/>
		    	<text>D.O2</text>
		      </checkbox-group>
		    </view>
		    <view>
		      <text>题目3：被称为有野人出没的神农架在我国哪一省份？</text>
		      <checkbox-group @change="test3">
		        <checkbox :value="test3a" :checked="checked"/> 
		    	<text>A.湖北</text>
		    	<checkbox :value="test3b" :checked="checked"/>
		    	<text>B.河南</text>
		    	<checkbox :value="test3c" :checked="checked"/>
		    	<text>C.安徽</text>
		    	<checkbox :value="test3d" :checked="checked"/>
		    	<text>D.河北</text>
		      </checkbox-group>
		    </view>
		    <view>
		      <text>题目4：白马非马”出自谁口？</text>
		      <checkbox-group @change="test4">
		        <checkbox :value="test4a" :checked="checked"/> 
		    	<text>A.公孙龙 </text>
		    	<checkbox :value="test4b" :checked="checked"/>
		    	<text>B.韩非</text>
		    	<checkbox :value="test4c" :checked="checked"/>
		    	<text>C.庄子</text>
		    	<checkbox :value="test4d" :checked="checked"/>
		    	<text>D.宋玉</text>
		      </checkbox-group>
		    </view>
		    <view>
		      <text>题目5：中国古代提出“人性本善”的是：</text>
		      <checkbox-group @change="test5">
		        <checkbox :value="test5a" :checked="checked"/> 
		    	<text>A.孟子</text>
		    	<checkbox :value="test5b" :checked="checked"/>
		    	<text>B.孔子</text>
		    	<checkbox :value="test5c" :checked="checked"/>
		    	<text>C.老子</text>
		    	<checkbox :value="test5d" :checked="checked"/>
		    	<text>D.荀子</text>
		      </checkbox-group>
		    </view>
		<button type="primary" form-type="submit" style="position: relative; left: 0rpx; top: 106rpx; width: 291rpx; height: 108rpx; display: block; box-sizing: border-box">提交</button>
		</form>
	
	  <view
	  round
	  position="top"
	  custom-style="height: 20%"
	   >
	  <text style="position: relative; top: 268rpx; left: 98rpx; font-size: 20px" v-if="score">您得分为：{{result}}分！</text>
	    
	  </view> 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				test1a:'test1a',
				test1b:'test1b',
				test1c:'test1c',
				test1d:'test1d',
				
				test2a:'test2a',
				test2b:'test2b',
				test2c:'test2c',
				test2d:'test2d',
				
				test3a:'test3a',
				test3b:'test3b',
				test3c:'test3c',
				test3d:'test3d',
				
				test4a:'test4a',
				test4b:'test4b',
				test4c:'test4c',
				test4d:'test4d',
				
				test5a:'test5a',
				test5b:'test5b',
				test5c:'test5c',
				test5d:'test5d',
				checked:false,
				answer:[],
				score:false,
				result:0
			};
		},
		methods: {
					test1(e){
						console.log(e.detail.value)
						
						this.answer=[...this.answer,...e.detail.value]
					},
					test2(e){
						
						this.answer=[...this.answer,...e.detail.value]
					},
					test3(e){
						
						this.answer=[...this.answer,...e.detail.value]
					},
					test4(e){
						
						this.answer=[...this.answer,...e.detail.value]
					},
					test5(e){
						
						this.answer=[...this.answer,...e.detail.value]
					},
					async formSubmit(){
						const {data:res}= await uni.$http.post('http://127.0.0.1:5000/answer',{ answer:this.answer })
						this.result=res.message.score
						this.score=true
					            }
				}
	}
</script>

<style lang="scss">

</style>
